
.clock {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clock svg {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  max-width: 80vw;
  max-height: 80vh;
}

.clock-face {
  stroke: #333333;
  fill: #ffffff;
}

.minor {
  stroke: #b4bfcc;
  stroke-width: 0.5;
  stroke-linecap: round;
}

.major {
  stroke: #333333;
  stroke-width: 0.75;
  stroke-linecap: round;
}

.hour {
  stroke: #333333;
  stroke-width: 1.75;
  stroke-linecap: round;
}

.minute {
  stroke: #333333;
  stroke-width: 1.25;
  stroke-linecap: round;
}

.second {
  stroke: #dd0000;
  stroke-width: 0.75;
  stroke-linecap: round;
}

.millisecond {
  stroke: #b4bfcc66;
  stroke-width: 3;
  stroke-linecap: round;
}
